{% extends 'base.html' %}

{% load static %}

{% block extra_css %}
  <link rel="stylesheet" href="{% static 'css/profile.css' %}">
{% endblock %}


{% block content %}
<div class="menu">
    <div class="tabs">
        <ul>
            <li><a href="{% url 'users:profile' %}">个人信息</a></li>
            <li><a href="{% url 'forum:user_posts' %}">我的发帖</a></li>
            <li><a href="{% url 'forum:user_comments' %}">我的回复</a></li>
        </ul>
    </div>

    <div class="container">
        <div class="profile">
            <img src="{{ user.get_avatar_url }}" class="avatar" alt="头像">
            <h2>{{ user.username }}</h2>
            <p>{{ user.email }}</p>
            <p>简介：{{ user.bio }}</p>
            <a href="{% url 'users:profile_update' %}" class="btn">编辑资料</a>
            <a href="{% url 'users:password_change' %}" class="btn">修改密码</a>
        </div>

        <div class="post">
            <a href="{% url 'forum:user_posts'%}" height="300"></a>
        </div>

        <div class="reply">
            <a href="{% url 'forum:user_comments' %}" height="300"></a>
        </div>
    </div>
</div>
{% endblock %}
